
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Mélissa - Login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/icone.png">
  </head>

  <body>
    <div align="center">
        <img src="images/banner.jpg" alt="CIVE"  />
    </div>
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">Mélissa</a>
          <div class="nav-collapse">
            <ul class="nav">
                <li><a href="#area_restrita">Página Inicial</a></li>
                <li><a href="#agenda">Agenda</a></li>
                <li><a href="#eventos">Eventos</a></li>
                <li><a href="#quem_somos">Quem Somos</a></li>
            </ul>
            <ul class="nav pull-right">
                <li class="divider-vertical"></li>
                <li class="active"><a href="#">Área Restrita</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <!--container -->
    <div class="container">
        <div class="span8">
                <h1>Seja bem vindo!</h1>
                <p>Você está a se logar no sistema de apoio ao ensino do Centro Integrado de Vivências Educacionais - CIVE. Esperamos ter ótimas experiências juntos.</p>
                <p>Selecione a aba em que deseja se logar e siga em frente.</p>
                <div class="tabbable">
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#1" data-toggle="tab">Discente</a></li>
                        <li><a href="#2" data-toggle="tab">Responsável</a></li>
                        <li><a href="#3" data-toggle="tab">Docente</a></li>
                        <li><a href="#4" data-toggle="tab">Administrativo</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="1">
                            <form class="well">
                                <table>
                                    <tbody>
                                        <tr>
                                            <td><input type="text" class="span3" placeholder="Login"></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><input type="password" class="span3" placeholder="Senha"></td>
                                            <td></td>
                                        </tr>
                                    <tbody>
                                </table>
                                <button type="submit" class="btn btn-primary">Entrar</button>
                            </form>
                        </div>
                        <div class="tab-pane" id="2">
                            <form class="well">
                                <table>
                                    <tbody>
                                        <tr>
                                            <td><input type="text" class="span3" placeholder="Login"></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><input type="password" class="span3" placeholder="Senha"></td>
                                            <td></td>
                                        </tr>
                                    <tbody>
                                </table>
                                <button type="submit" class="btn btn-primary">Entrar</button>
                            </form>
                        </div>
                        <div class="tab-pane" id="3">
                            <form class="well">
                                <table>
                                    <tbody>
                                        <tr>
                                            <td><input type="text" class="span3" placeholder="Login"></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><input type="password" class="span3" placeholder="Senha"></td>
                                            <td></td>
                                        </tr>
                                    <tbody>
                                </table>
                                <button type="submit" class="btn btn-primary">Entrar</button>
                            </form>
                        </div>
                        <div class="tab-pane" id="4">
                            <form class="well">
                                <table>
                                    <tbody>
                                        <tr>
                                            <td><input type="text" class="span3" placeholder="Login"></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><input type="password" class="span3" placeholder="Senha"></td>
                                            <td></td>
                                        </tr>
                                    <tbody>
                                </table>
                                <button type="submit" class="btn btn-primary">Entrar</button>
                            </form>
                        </div>
                    </div>
                </div>
        </div><!--/span-->

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="bootstrap/js/jquery.js"></script>
    <script src="bootstrap/js/bootstrap-transition.js"></script>
    <script src="bootstrap/js/bootstrap-alert.js"></script>
    <script src="bootstrap/js/bootstrap-modal.js"></script>
    <script src="bootstrap/js/bootstrap-dropdown.js"></script>
    <script src="bootstrap/js/bootstrap-scrollspy.js"></script>
    <script src="bootstrap/js/bootstrap-tab.js"></script>
    <script src="bootstrap/js/bootstrap-tooltip.js"></script>
    <script src="bootstrap/js/bootstrap-popover.js"></script>
    <script src="bootstrap/js/bootstrap-button.js"></script>
    <script src="bootstrap/js/bootstrap-collapse.js"></script>
    <script src="bootstrap/js/bootstrap-carousel.js"></script>
    <script src="bootstrap/js/bootstrap-typeahead.js"></script>
  </body>
</html>

